【连载】JavaScript修炼之道

利利：学习一门编程语言，除了要按照合理的学习流程进行，学习方法也很重要，在此，分享一下这些年总结的有效的学习方法~希望能给需要的人提供一些帮助

很多人学习时觉得“知识点理解了就好，敲敲代码就熟悉了，需要时搜索或翻笔记，不需要刻意去记忆”。

理解知识点的确很重要，它能够让开发者脱离死记硬背的模式，但是，如果知识点忘记或记忆模糊，在开发时无法想起具体知识内容，则会大大影响开发时间和效率。

编写代码虽然能够提升知识的熟练度，但网页功能代码使用到的知识比较局限，有些知识在效果中虽然可能只会出现一次，但却是功能实现的关键所在。

只依靠代码编写进行知识强化和复习，很容易造成“熟练掌握开发常用知识，遗漏了出现频率较低的知识”这一问题。

在学习时，请不要抱着“理解就好，不需记忆”的态度，将知识记忆清楚，深入理解并应用于实战，才能让自己变成高效的开发工程师。

对于各种各样的特效，请掌握实现逻辑，不要死记硬背每行代码。

死记硬背在JavaScript这种语言的学习当中是大忌！

同一种JavaScript特效，不同的结构样式和细节要求、不同的实现方法，都会导致最终代码有所不同。单纯记忆代码内容，虽然能够解决当前的功能需求，却不能融会贯通，对于灵活性极强的JS没有太大意义和价值。因此，在学习时，尝试把关注点从“最终代码的顺序与内容”（结果）转移到“如何书写代码才能实现最终效果”（实现过程）上来。如果觉得自己逻辑思维能力相对较差，也正好可以借助书籍中的各种效果实现过程，提升自己的逻辑思维能力。

如果在查看和初步分析效果时，拥有清晰的实现思路之后，接下来要做的就是动手实践，把它实现出来！效果逻辑的分析，能够保证在功能实现的方向上不会出现偏差，但是代码当中还隐藏着不少“隐患”。

编写代码时，通常会用到很多小知识点，处理不少小细节。而让开发者卡壳半天，浪费很多时间的问题，恰恰是这些小细节、小知识点所造成的。

实现功能开发的思路固然重要，但是，代码的实战能力也必不可少。勤动手书写代码，发现现象或问题，归纳总结，形成理论并深度记忆。

网站中有各种各样的效果，有些效果看上去很高大上很漂亮，但请不要被效果的外表所迷惑。

第一，效果漂亮并不等于逻辑困难，不代表实现起来就很复杂，漂亮的效果往往是CSS样式的功劳，与JS功能相关度较低；

第二，无论多么复杂的效果，都是由众多小功能组合而成的。针对最终效果进行层层拆解，就会发现它的核心功能其实很简单。

在学习时，不要看小瞧零碎的知识点，正是因为有它们，才实现了千千万万个效果。当目标效果比较复杂时，要学会拆解，从核心功能开始由易到难逐步实现。

对于JavaScript的学习，功能代码的编写需要经历“从模仿到创造”的过程（大部分内容的学习均如此）。在熟练掌握代码功能及实现逻辑，能够针对知识举一反三之后，可以尝试构思并开发一些功能/效果。

众多知识能够组合、实现很多功能或游戏，不拘泥于文章或各类书籍中给出的常见网页特效和功能，构思并开发出一些新的功能或游戏。

在这个过程当中，不仅会进一步加深对知识的理解和认识，还能提升自己的换位思考能力（思考如何提升用户交互和体验），倘若制作的是一些小游戏或展示类效果，还可以将自己所学所得分享给周围的人。

无论是基础知识的学习，还是复杂功能效果的实现，都需要循序渐进。

知识之间存在一定的“关系”，有些知识是其他知识的基础，错乱的学习顺序会导致学习效率大大降低。

在学习时，切勿求快。欲速则不达！在学习过程中产生疑问是很正常的现象，但是如果将注意力完全转移到这些疑问和问题上，就可能让自己偏离学习主轨道。

因此，遇到问题可以先记录下来，静下心来继续向后学习，说不定过不了多久就能找到问题的答案。

效果实现方面，如果希望能够从0开始，创造某种功能复杂的效果，那么也一定要循序渐进，从小功能出发，一步步构建严谨而复杂的最终效果。

利用生活中实际的事物去辅助抽象概念的理解，能够更好更快的掌握知识。

在理解一个抽象概念时，可以尝试在生活中找一种合适的例子，辅助自己理解，慢慢的，你将形成自己的学习方法，如果能够建立不同类型事物之间的联系，知识就变得更不容易遗忘了。当然，在使用这个方法的时候要注意：选用合理贴切的例子，从而防止被错误案例误导。

本系列内容的讲解，也会延续自己《HTML5布局之路》中的这一大特点。

对于新手来说，很容易陷入的第一个误区是：重视代码功能的实现，忽视代码的可读性。

合理的命名、缩进、注释、空格以及代码书写顺序，都有助于提升代码的可读性。代码可读性虽然并不会影响代码的执行和功能，但是较差的代码存在这样一些问题：

不利于阅读，在出现代码错误时不易检错；

不利于自身代码的后期维护和修改，大大降低维护效率；

不利于团队合作，使团队配合的项目效率降低（涵盖开发、测试等阶段）；

请教他人问题时容易被拒绝（其他人阅读可读性差的代码，时间成本高）；

降低面试的成功率（如果面试官查看项目代码的话）。

在编写代码时，请从一开始就以“开发工程师”的标准要求自己，养成良好的代码编写习惯，良好的可读性对代码的维护与更新、团队合作、自身面试都有至关重要的影响。

对于新手来说，很容易陷入的第二个误区是：狂刷效果。

在微博、微信等自媒体当中，时常能够见到“推荐15款创建漂亮幻灯片的jQuery插件”、“6款网页滚动动画的JS库”、“10款超炫大图滚动效果”这种分享。此类效果很容易吸引眼球，让人陷入一种“模仿书写或查看其特效代码”的误区当中。

这些效果能够开阔视野，提供一定的间接开发经验。但是，如果直接查看别人的成品代码，会导致自己思维能力无法得到锻炼，而单纯的较长时间的效果仿写，会让人忽略了对代码质量、扩展性、性能等方面的学习和研究。

因此，遇到此类效果时，建议将效果分成不同类别，适当练习，把控好“度”。如果是以练习逻辑思维能力为目的，那么请千万不要被华丽的效果所蒙蔽，要穿透华丽的效果看到实现效果的核心功能和逻辑。此外，千万不要忽略对代码质量、扩展性、复用性和性能的追求。

额外的话

利利：早在2017年年初，自己《HTML5布局之路》出版后，出版社就和自己谈过撰写JS入门书籍的事宜。从2017年写到了2019年，自己用各种业余时间撰写了大概200页，十几万字的内容，然而……与800+页的目标之间，还有“太漫长的道路” 

加上自己在2017年就已经转做少儿编程，日常能够放在HTML5与JS上的时间，真得太少了，写成一本完整JS书籍，已然变成了一种“奢望” 

所以，把原来JS书籍的手稿拿出来，希望能够帮上需要的人，总比放在文件夹里吃灰要好嘛~

教育的路上，不忘初心